<div ng-controller="az2" class="loading" style="width: 100%;background-color: #EEEEEE">
    <style type="text/css">
        *{margin:auto;padding:0}
        body{
            background-color: #EEEEEE;
        }
        f-card-text{
            overflow: hidden;
        }
    </style>
    <f-title style="background-color:#0197D6;z-index: 1;">
        <f-back ng-click="one()">〈</f-back>
        任务
    </f-title>
    <!--<div style="margin-top: -44px;"></div>-->

    <f-card style="border-bottom: 5px solid #F6F6F6;" ng-if="isOcr!=''">
        <f-section-icon style="background-color: #0096D5;margin-top: 18px"></f-section-icon>
        <f-section-title style="margin-top: 10px" ng-bind="isOcr"></f-section-title>
    </f-card>
    <f-card style="border-bottom: 2px solid #F6F6F6">
        <f-section-icon style="background-color: #0096D5;margin-top: 18px"></f-section-icon>
        <f-section-title style="margin-top: 10px">任务详情</f-section-title>
    </f-card>
    <f-card style="float: left;width: 100%;border-bottom:dashed;border-bottom-width: 1px;border-bottom-color: #ccc;">
        <f-card-title style="margin-top: 5px;margin-bottom: 5px;float: left;width: 50%;" ng-bind="installtionCase.caseNum">--</f-card-title>
        <f-card-text style="text-align: right;margin-top: 5px;margin-bottom: 5px;float: left;width: 50%;">
            <f-card-text style="float: right;width: 55px" ng-bind="installtionCase.status==1?'待派单':installtionCase.status==2?'已派单':installtionCase.status==3?'已预约':
                        installtionCase.status==4?'已升级':installtionCase.status==5?'待签名':installtionCase.status==6?'已结单'
                        :installtionCase.status==7?'已关单':installtionCase.status==8?'升级拒绝关单':installtionCase.status==9?'信息不匹配SDM拒绝强制关单':installtionCase.status==10?'DOA关单':'未知'">--</f-card-text>
            <!--<f-status-circle style="background-color: #018424;float: right"></f-status-circle>-->

            <f-status-circle ng-if="installtionCase.status==6" style="background-color: #822980;float: right"></f-status-circle>
            <f-status-circle ng-if="installtionCase.status==2" style="background-color: #008424;float: right"></f-status-circle>
            <f-status-circle ng-if="installtionCase.status!=2 && installtionCase.status!=6" style="background-color: #822980;float: right"></f-status-circle>

        </f-card-text>
    </f-card>
<!--    <f-line></f-line>-->
    <f-card>
    	<f-card-label style="float: left">服务类型</f-card-label>
        <f-card-text style="float: left"  ng-bind="installtionCase.serviceType==1?'安装':installtionCase.serviceType==2?'验机':installtionCase.serviceType==3?'撤机':'未知'">装机</f-card-text>
        <f-card-label style="float: left">派单时间</f-card-label>
        <f-card-text style="float: left" ng-bind="installtionCase.createTime | date:'yyyy-MM-dd HH:mm'">--</f-card-text>
        <f-card-label style="float: left">截止日期</f-card-label>
        <f-card-text style="float: left" ng-bind="installtionCase.dueDate | date:'yyyy-MM-dd'">--</f-card-text>
        <f-card-label style="float: left">联系人</f-card-label>
        <f-card-text style="float: left" ng-bind="installtionCase.contactPerson">--</f-card-text>
        <f-card-label style="float: left">联系电话</f-card-label>
        <!--<f-a style="float: left" ng-bind="installtionCase.telephone">&#45;&#45;</f-a>-->
        <!--<f-a style="float: left;color:#0197d6;"><a href="tel:{{installtionCase.telephone}}" style="color:#0197d6;">{{installtionCase.telephone}}</a></f-a>-->

        <f-a style="float: left;color:#0197d6;"><a href="tel:{{installtionCase.telephone}}" style="color:#0197d6;position:relative;"><i class="fa fa-mobile" style="position:absolute;left:-90px;top:5px;color:#666;font-size:20px;"></i>{{installtionCase.telephone}}</a></f-a>

        <f-card-label style="float: left">用户省份</f-card-label>
        <f-card-text style="float: left" ng-bind="installtionCase.province">--</f-card-text>
        <f-card-label style="float: left">用户城市</f-card-label>
        <f-card-text style="float: left" ng-bind="installtionCase.city">--</f-card-text>
        <f-card-label style="float: left">AMP-ID </f-card-label>
        <f-card-text style="float: left" ng-bind="installtionCase.ampid">--</f-card-text>
        <f-card-label style="float: left">DART-ID</f-card-label>
        <f-card-text style="float: left" ng-bind="installtionCase.dartid">--</f-card-text>
        <f-card-label style="float: left">公司名称</f-card-label>
        <f-card-text style="float: left" ng-bind="installtionCase.customeName">--</f-card-text>
        <f-card-label style="float: left;width: 25%">联系地址</f-card-label>
        <f-card-text style="float: left;width: 75%;height: 63px;" ng-bind="installtionCase.address">--</f-card-text>
    	<f-card-label style="float: left">特殊要求</f-card-label>
        <f-card-text style="float: left" ng-bind="installtionCase.remark">--</f-card-text>
    </f-card>
<!--    <f-line></f-line>-->
    <!--<f-card>
        <f-card-label style="float: left">PACKAGE-ID</f-card-label>
        <f-card-text style="float: left" ng-bind="installtionCase.packageId	">DMLKKO5798623698</f-card-text>
    </f-card>-->
    <f-card style="margin-top:6px ">
        <f-section-icon style="background-color: #0096D5"></f-section-icon><f-section-title>打印机信息</f-section-title>
    </f-card>
    <f-card>
        <f-card-label style="float: left">设备类型</f-card-label>
        <f-card-text style="float: left" ng-bind="installtionCase.printerType==1?'新机':installtionCase.printerType==2?'旧机':'未知'">--</f-card-text>
        <f-card-label style="float: left;width:20%">产品名称 </f-card-label>
        <f-card-text style="float: left;width:80%" ng-bind="transfer(installtionCase.productInfo,'model')">--</f-card-text>
        <f-card-label style="float: left">产品编号</f-card-label>
        <f-card-text style="float: left" ng-bind="transfer(installtionCase.productInfo,'product_number')">--</f-card-text>
        <f-card-label style="float: left">产品序列号</f-card-label>
        <f-card-text style="float: left" ng-bind="transfer(installtionCase.productInfo,'serial_number')">--</f-card-text>
        <f-card-label style="float: left">安装位置</f-card-label>
        <f-card-text style="float: left" ng-bind="installtionCase.location">--</f-card-text>
    </f-card>

    <f-card style="margin-top:6px ">
        <f-section-icon style="background-color: #0096D5"></f-section-icon><f-section-title>配件信息</f-section-title>
    </f-card>
    <f-card>
        <f-tr style="text-align: left;padding-left: 10px;line-height: 30px;height: 30px;">产品名称</f-tr><f-tr style="line-height: 30px;height: 30px;">产品型号</f-tr><f-tr style="text-align: right;padding-right: 10px;line-height: 30px;height: 30px;">产品序列号</f-tr>
        <div ng-repeat="item in installtionCase.accessoryInfo">
            <f-tr style="color: black;text-align: left;padding-left: 10px;line-height: 30px;height: auto;" ng-bind="item.model"></f-tr>
            <f-tr style="color: black;line-height: 30px;height: auto;" ng-bind="item.product_number"></f-tr>
            <f-tr style="color: black;text-align: right;padding-right: 10px;line-height: 30px;height: auto;"  ng-bind="item.serial_number"></f-tr>
        </div>
    </f-card>

    <f-card style="margin-top:6px ">
        <f-section-icon style="background-color: #0096D5"></f-section-icon><f-section-title>配置页</f-section-title>
    </f-card>
    <f-card>
        <f-card-label style="float: left">产品名称 </f-card-label>
        <f-card-text style="float: left" ng-bind="ocrConfigPage.name">--</f-card-text>
        <f-card-label style="float: left">型号 </f-card-label>
        <f-card-text style="float: left" ng-bind="ocrConfigPage.model">--</f-card-text>
        <f-card-label style="float: left">产品序列号 </f-card-label>
        <f-card-text style="float: left" ng-bind="ocrConfigPage.serialNumber">--</f-card-text>
        <f-card-label style="float: left;width: 50%">嵌入式HP Jetdirect </f-card-label>
        <f-card-text style="float: left;width: 50%" ng-bind="ocrConfigPage.jetdirect"></f-card-text>
    </f-card>
    <f-card style="margin-top:6px ">
        <f-section-icon style="background-color: #0096D5"></f-section-icon><f-section-title>耗材状态页</f-section-title>
    </f-card>
    <f-card>
        <f-card-label style="float: left">青色</f-card-label>
        <f-card-text style="float: left" ng-bind="ocrStatusReportPage.cyanDate">--</f-card-text>
        <f-card-label style="float: left">品红色</f-card-label>
        <f-card-text style="float: left" ng-bind="ocrStatusReportPage.magentaDate">--</f-card-text>
        <f-card-label style="float: left">黄色</f-card-label>
        <f-card-text style="float: left" ng-bind="ocrStatusReportPage.yellowDate">--</f-card-text>
        <f-card-label style="float: left">黑色</f-card-label>
        <f-card-text style="float: left" ng-bind="ocrStatusReportPage.blackDate">--</f-card-text>
    </f-card>

    <f-card style="margin-top:6px ">
        <f-section-icon style="background-color: #0096D5;"></f-section-icon>
        <f-section-title style="width: 47%;float:left;">用量信息页</f-section-title>
        <f-card-text style="float: left;width: 50%;color:#ccc;">(合计)</f-card-text>
    </f-card>
    <!--<f-card>
        <f-section-title>打印</f-section-title>
    </f-card>-->
    <f-card>
        <f-card-label style="float: left">黑白总计</f-card-label>
        <f-card-text style="float: left" ng-bind="ocrUsageInfoPage.totalMono">--</f-card-text>
        <f-card-label style="float: left">彩色统计</f-card-label>
        <f-card-text style="float: left" ng-bind="ocrUsageInfoPage.totalColor">--</f-card-text>
        <f-card-label style="float: left">黑白</f-card-label>
        <f-card-text style="float: left" ng-bind="ocrUsageInfoPage.monochrome">--</f-card-text>
        <f-card-label style="float: left">强化</f-card-label>
        <f-card-text style="float: left" ng-bind="ocrUsageInfoPage.accent">--</f-card-text>
        <f-card-label style="float: left">一般办公</f-card-label>
        <f-card-text style="float: left" ng-bind="ocrUsageInfoPage.generalOffice">--</f-card-text>
        <f-card-label style="float: left">其他</f-card-label>
        <f-card-text style="float: left" ng-bind="ocrUsageInfoPage.other">--</f-card-text>
    </f-card>
    <f-card style="border-bottom: 2px solid #F6F6F6;margin-top:6px">
        <f-section-icon style="background-color: #0096D5"></f-section-icon><f-section-title>照片</f-section-title>
    </f-card>
    <f-card>
        <!-- f-image-group -->
        <f-image-group style="display: flex;flex-wrap: wrap;">
            <img style="height:5rem;width: 5rem;margin: 2px 5px;" ng-repeat="item in photourls track by $index" ng-src="{{item}}" ng-click="viewerImg($index,photourls)"/>
        </f-image-group>
    </f-card>
    <f-card style="border-bottom: 2px solid #F6F6F6;margin-top: 6px">
        <f-section-icon style="background-color: #0096D5"></f-section-icon><f-section-title>签字</f-section-title>
    </f-card>
    <f-card style="padding-left: 10px">

        <f-signer>
            <f-signer-user style="font-size: 14px">客户签字</f-signer-user>
            <!--<f-signer-text ng-click="sixteen(1)"></f-signer-text>-->
            <img ng-click="sixteen(1)" ng-if="installtionCase.customerSignUrl=='' || installtionCase.customerSignUrl==null" ng-src="{{customerSignUrl}}" style="height: 8rem;"/>
            <img ng-click="sixteen(1)" ng-if="installtionCase.customerSignUrl!='' && installtionCase.customerSignUrl!=null" ng-src="{{installtionCase.customerSignUrl}}" style="height: 8rem;"/>
            <!--<f-img id="img1"  ng-click="sixteen(1)" style="" img="{{fesignUrl}}"/>-->

        </f-signer>
    </f-card>
    <f-card style="margin-top: -5px;padding-left: 10px;margin-bottom: 4rem;">
        <f-signer style=";margin-bottom: 30px;">
            <f-signer-user style="font-size: 14px">工程师签字</f-signer-user>
            <!--<f-signer-text ng-click="sixteen(2)"> </f-signer-text>-->
            <img ng-click="sixteen(2)" ng-if="installtionCase.fesignUrl=='' || installtionCase.fesignUrl==null" ng-src="{{fesignUrl}}" style="height: 8rem;"/>
            <img ng-click="sixteen(2)" ng-if="installtionCase.fesignUrl!='' && installtionCase.fesignUrl!=null" ng-src="{{installtionCase.fesignUrl}}" style="height: 8rem;"/>
        </f-signer>
    </f-card>
    <!--<f-card style="background-color: #ffffff;position: fixed;bottom: 0;">-->
        <!--&lt;!&ndash; 单调按钮 &ndash;&gt;-->
        <!--<f-buttongroup style="width: 100%;background-color: white;" >-->
            <!--<f-button ng-click="az13()" style="margin-left: 20%;    width: 55%;-->
    <!--height: 40px;-->
    <!--font-size: 16px;-->
    <!--border-radius: 20px;-->
    <!--margin-top: 15px;-->
    <!--line-height: 30px;-->
    <!--margin-bottom: 10px;">开始工作</f-button>-->
        <!--</f-buttongroup>-->
    <!--</f-card>-->

    <f-card style="background-color: #ffffff;position: fixed;bottom: 0;" >
        <f-buttongroup style="margin-top: 5px;width: 100%;background-color: #ffffff;" >
            <div style="font-size: 16px;padding:0 1rem;font-weight: bold;">请确认信息是否一致</div>
            <div style="display: flex;justify-content: space-around;align-items: center;">
                <f-button ng-click="az13()" style="padding:5px 20px;width:auto;height: 40px;font-size: 14px;border-radius: 20px;margin-top: 15px;line-height: 30px;margin-bottom: 20px;" ng-if="installtionCase.status==2 || installtionCase.status==5">
                    一致&开始工作
                </f-button>
                <f-button ng-click="eight()" style="padding:5px 20px;width:auto;height: 40px;font-size: 14px;border-radius: 20px;margin-top: 15px;line-height: 30px;margin-bottom: 20px;" ng-if="installtionCase.status==2 || installtionCase.status==5">
                    不一致&升级
                </f-button>
            </div>
        </f-buttongroup>
    </f-card>

</div>